import React from 'react';
import styles from './index.module.scss';

const LIGHT = require('./images/logo.png');
const DARK = require('./images/logo@white.png');
const TITTLE = require('./images/title.png');
const TITTLE_DARK = require('./images/title@white.png');
export default (props) => {
  const { isDark } = props;
  const logo = isDark ? DARK : LIGHT;
  const title  = isDark ? TITTLE_DARK : TITTLE;
  return (
    <div className={styles.logo}>
        <a href="/" className={styles.logoa}>
        <img src={logo} alt="logo" className={styles.logoimg} />
        </a>
        <img src={title} alt="logo" className={styles.logoTitle} />
    </div>
  );
};
